import React from 'react';
import { LoadingContainer } from './style';
import './style.css';

const Loading = () => (
  <LoadingContainer>
    <svg className="svg" width="100%" height="100%">
      <circle
        className="circle-one"
        cx="50%"
        cy="50%"
        r="25px"
        stroke="#cc2d3e"
        strokeWidth="5px"
        fill="none"
      />
      <circle
        className="circle-two"
        cx="50%"
        cy="50%"
        r="22.5px"
        stroke="#dd3d3f"
        strokeWidth="5px"
        fill="none"
      />
      <circle
        className="circle-three"
        cx="50%"
        cy="50%"
        r="30px"
        stroke="#ef4d43"
        strokeWidth="5px"
        fill="none"
      />
    </svg>
  </LoadingContainer>
);

export default Loading;
